<html>
<head>
  <title>404 Not Found</title>
  <link rel="stylesheet" href="${createLinkTo(dir: 'css', file: 'screen.css')}"/>
  <link rel="stylesheet" href="${createLinkTo(dir: 'css', file: 'main.css')}"/>
  <link rel="stylesheet" href="${createLinkTo(dir: 'css', file: 'ie.css')}"/>
  <link rel="shortcut icon" href="${createLinkTo(dir: 'images', file: 'favicon.ico')}" type="image/x-icon"/>
  <g:javascript library="jquery"/>
  <jq:plugin name="corner"/>
</head>
<body>
<div class="container">
  <div class="span-40">
    <div class="span-18">
      <!-- logo & home -->
      <a href="${createLinkTo(dir: '')}">
        <img src="${createLinkTo(dir: 'images', file: 'twitterClone_logo.png')}" alt="twitterClone"/>
      </a>
    </div>
    <div class="span-21"/>
  </div>
  <div class="clear span-2"/>
  <div class="span-36 round_corner inner" id="contents">
    <h1>404 NOT FOUND</h1>
  </div>
</div>

<g:javascript>
  $(function() {
    $("div.round_corner").corner()
  });
</g:javascript>
</body>
</html>
